.zrb-ui-dialog{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  display: none;
  .dialog-container{
    width: 250px;
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-125px;
    background: #fff;
    border-radius: 2px;
     .dialog-header{
       height: 40px;
       line-height: 40px;
       text-align: center;
       position: relative;
       font-size:15px;
       background: #f9f9f9;
       border-top-left-radius: 2px;
       border-top-right-radius: 2px;
       .btn-close{
         display: block;
         width: 20px;
         height: 20px;
         background: url(./image/close.png) no-repeat center center;
         background-size:20px 20px;
         position: absolute;
         top:5px;
         right:5px;
       }
     }
    .dialog-content{
       padding:10px;
      text-align: center;
    }

    .dialog-footer{
     .btn{
       margin:10px 20px;
       height: 30px;
       line-height: 30px;
     }
    }
  }
}